.tree {
    margin: 0;
    padding: 0;
    background-color:#f2f2f2;
    overflow: hidden;
    height: 100%;
}
/*隐藏input*/
.tree li input{
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width:1em;
    top: 0;
}
/*所有菜单项设置统一样式*/
.tree li {
    position: relative;
    list-style: none;
}
/*一级菜单加下边线*/
/*.tree>li{
    border-bottom: 1px solid #afaaaa;
}*/

/*给有子菜单的菜单项添加背景图标*/
.tree li label {
    width: 100%;
    cursor: pointer;
    display: block;
    margin:0 0 0 -50px;
    padding: 15px 10px 15px 70px;
    background: url(../../images/cp-detail-arrow-b.png) no-repeat right center;
    background-position:95% 50%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #afaaaa;
}
.tree li label:hover,li label:focus{
    background-color:#a7a7a7;color:#fff;
}
/*清除所有展开的子菜单的display*/
.tree li input + ol{
    display: none;
}
/*当input被选中时，给所有展开的子菜单设置样式*/
.tree input:checked + ol {
    padding-left:14px;
    height: auto;
    display: block;
}
.tree input:checked + ol > li {
    height: auto;
}
/*末层菜单为A标签，设置样式*/
.tree li.file a{
    margin:0 -10px 0 -50px;
    padding: 15px 20px 15px 70px;
    text-decoration:none;
    display: block;
    color:#333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.tree li.file a:hover,li.file a:focus{
    background-color:#a7a7a7;
    color:#fff;
}
/*不同层级的菜单字体大小不同*/
.tree .folderOne{
    font-size: 18px;
}
.tree .folderTwo{
    font-size:16px;
}
.tree .folderThree{
    font-size:14px;
}